<template>
	<view id="Header">
		<view class="doctor-title">
			<view class="backimg" @click="back">
				<image src="../../static/usercenter/back.png" mode="a" ></image>
			</view>
			<text>{{txt}}</text>
		</view>
		<view class="line">
		</view>
	</view>
</template>

<script>
	export default {
		name:"Header",
		props:{
		    txt: {
		        type: String,
		        default: "myohall-header文字"
		    },
		},
		data(){
			return{
			}
		},
		onShow() {
			// #ifdef MP-BAIDU
			// #endif
		},
		methods: {
			back(){
				uni.navigateBack()
			},
		}
	}
</script>

<style lang="less" scoped>
	#Header{
		width: 100%;
		height: 100%;
		overflow: hidden;
		
	}
	.line{
		padding-top: 162rpx;
	}
	.doctor-title{
		position: fixed;
		margin: auto;
		left: 0;
		right: 0;
		z-index: 10;
		text-align: center;
		height: 80rpx;
		line-height: 80rpx;
		background-color: rgb(255, 255, 255);
		color: rgb(0, 0, 0);
		padding: 14rpx 6rpx;
		font-size: 32rpx;
		font-weight: bold;
		padding-top: 70rpx;
		.backimg{
			display: inline-block;
			width: 70rpx;
			height: 80rpx;
			line-height: 80rpx;
			position: absolute;
			left: 14rpx;
			top: 76rpx;
			z-index: 11;
			image{
				width: 32rpx;
				height: 32rpx;
			}
		}
	}
</style>
